
.dgrid {
	display:block;
	width:200px;
	overflow:hidden;
	position:relative;
}

.dgrid_nav {
	width:100%;
	height:28px;
	display:block;
	position:relative;
	overflow:hidden;
	border-bottom: #333 solid 1px;
	background:#EE8;
}



.dgrid_nav a {
	width:18px;
	height: 18px;
	display:block;
	float:right;
	position:relative;
	margin-top:4px;
}

.dgrid_nav a:hover {
	height:18px !important;
	height:16px;
	width:18px !important;
	width:16px;
	border: #000 solid 1px;
}

.dgrid_nav input {
	height: 18px;
	width:100px;
	float:right;
	margin-left:4px;
	margin-top:4px;
}

.dgrid_btn_first {
	background-image:url("images/first.gif");
	background-position: center;
}
.dgrid_btn_prev {
	background-image:url("images/prev.gif");
	background-position: center;
}
.dgrid_btn_next {
	background-image:url("images/next.gif");
	background-position: center;
}
.dgrid_btn_last {
	background-image:url("images/last.gif");
	background-position: center;
	margin-right: 30px;
}


/* header's view window */
.dgrid_header {
	width:100%;
	overflow:hidden;
	border-bottom: #666 solid 1px;
	background-image: url('images/bg_hd.gif');
	background-repeat: repeat-x;
}

/* header's box */
.dgrid_header div {
	overflow:hidden;
}

/* header's cells */
.dgrid_header div div {
	float:left;
	height:24px;
	display:block;
	border-right: #666 solid 1px;
	text-align:center;
	overflow:hidden;
}

/* body's view window */
.dgrid_body_view {
	display:block;
	overflow:hidden;
	position:relative;
}

/* */
.dgrid_body_field {
	position: relative;
}

/* Row of grid */
.dgrid_body div {
	width:100%;
	height:19px !important;
	height:20px;
	overflow:hidden;
	background: transparent;
	border-bottom: #666 solid 1px;
}


/* cell of grid */
.dgrid_body div div {
	float: left;
	background: transparent;
	height:20px;
	border-right: #666 solid 1px;
	text-align:center;
	overflow:hidden;
}

.dgrid_body .selected {
	background:#FB0;
}

.dgrid_body .current {
	background:#99D;
}


.dgrid_body_back {
	background:#0C0;
	display:block;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:-1;
}

.dgrid_row_back0  {
	width:100%;
	height:20px;
	background:#EEF;
}

.dgrid_row_back1 {
	width:100%;
	height:20px;
	background:#DDF;
}


.dgrid_scroll_y {
	top:55px;
	border-left: #666 solid 1px;
	width:16px;
	background:#888;
	z-index:2;
	position:absolute;
	overflow:hidden;
	display:block;
}

.dgrid_scroll_x {
	height:15px !important;
	height:16px;
	width:384px;
	height:18px;
	border-top: #666 solid 1px;
	background:#888;
	z-index:2;
	position:relative;
	display:block;
}



